﻿@charset "utf-8";*{padding:0;margin:0;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
html,body{width:100%;height:auto;min-height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font:14px 'Microsoft YaHei','Microsoft YaHei UI','WenQuanYi Micro Hei',Arial,sans-serif,\5b8b\4f53;color:#333;background:#fff}
input,button{-webkit-appearance:none;border-radius:0}
a,a:hover,a:focus{text-decoration:none}
textarea{resize:none;overflow:auto}
input,button{border:0}
img{border:0;vertical-align:top}
li{list-style:none}
h1,h2,h3,h4{font-weight:normal}
.clear{zoom:1}
.clear:after{content:'';display:block;clear:both}
.fl{float:left}
.fr{float:right}
#content{padding-top:120px}
#header{position:fixed;z-index:999;width:100%;line-height:120px;background:#fff;box-shadow:0px 1px 10px rgba(0,0,0,.06)}
.header,.footer1-content,.footer2-content,#topBanner .titleBox,.topMain,.product,.case,.news,.logoBox,.about,.about2,.product2,.contact,.news2,.newsInfo,.caseInfo,.productInfo{width:100%;max-width:1730px;padding:0 50px;margin:0 auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.newsInfo,.caseInfo,.productInfo{width:100%;padding:0 50px;margin:0 auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.zhaopin{width:100%;max-width:1330px;padding:0 50px;margin:0 auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.logo a{float:left;display:block;text-align:left}
.logo a img{height:69px;vertical-align:middle}
.topPhone{font-family:"DinMedium";font-size:22px;color:#5c5a5a}
.topPhone img{margin-right:10px;vertical-align:middle}
.nav{text-align:center}
.nav>li{display:inline-block;position:relative;padding:0 20px}
.nav li a{position:relative;display:block;font-size:16px;color:#333;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.nav>li>a:after{position:absolute;left:0;top:50%;margin-top:20px;content:"";display:block;height:2px;width:100%;background:#014b94;opacity:0;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.nav>li.active>a:after,.nav>li:hover>a:after{opacity:1}
.nav>li ul li:hover a{color:#014b94}
.nav>li:hover>a i{-webkit-transform:rotate(135deg);transform:rotate(135deg)}
.nav>li.active>a i:after,.nav>li.active>a i:before,.nav>li:hover>a i:after,.nav>li:hover>a i:before{background:#fff}
.nav>li>a i{position:absolute;display:block;top:50%;left:50%;margin-top:20px;margin-left:-32px;width:10px;height:10px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.nav>li>a i:after,.nav>li>a i:before{position:absolute;content:"";display:block;width:10px;height:2px;background:#333;top:4px;left:0;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.nav>li>a i:after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.nav li ul{display:none;position:absolute;top:120px;left:0;width:114px;font-size:18px;line-height:50px;background:#fff;text-align:center;box-shadow:0px 10px 10px rgba(0,0,0,.06);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.nav li ul li{line-height:20px}
.nav li ul li a{display:block;padding:15px 10px;border-bottom:1px solid #eee;color:#000;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.nav li ul li:last-child a{border-bottom:0}
.mobileNav{position:fixed;z-index:999;top:60px;left:-260px;width:260px;height:100%;text-align:left;background:#fff;overflow:auto;text-align:left}
.navMask{display:none;position:fixed;left:0;top:60px;z-index:998;width:100%;height:100%;background:rgba(0,0,0,0.5)}
.mobileNav li a{position:relative;display:block;padding:0 20px;font-size:16px;line-height:50px;color:#333;border-bottom:1px solid #ececec;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.mobileNav li:first-child a{border-top:1px solid #ececec}
.mobileNav li a i{position:absolute;display:block;top:50%;right:20px;margin-top:-5px;width:10px;height:10px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.mobileNav li a i:after,.mobileNav li a i:before{position:absolute;content:"";display:block;width:10px;height:2px;background:#333;top:4px;left:0}
.mobileNav li a i:after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.mobileNav>li:hover>a,.mobileNav li ul li:hover a{padding:0 30px;color:#fff;border-color:#014b94;background:#014b94}
.mobileNav li:hover>a i:after,.mobileNav li:hover>a i:before{background:#fff}
.mobileNav li ul{display:none}
.mobileNav li ul li{margin:0}
.mobileNav li ul li a{padding:0 40px}
.mobileNav .open>a i{-webkit-transform:rotate(135deg);transform:rotate(135deg)}
.navBtn{display:none;cursor:pointer;line-height:60px;margin-right:-15px}
.navBtn span{display:inline-block;position:relative;margin:0 15px;width:30px;height:2px;background-color:#333;vertical-align:middle}
.navBtn span:before,.navBtn span:after{content:'';display:block;width:30px;height:2px;position:absolute;background:#333;-webkit-transition-property:top,-webkit-transform;transition-property:top,-webkit-transform;transition-property:top,transform;transition-property:top,transform,-webkit-transform;-webkit-transition-duration:300ms;transition-duration:300ms}
.navBtn span:before{top:-10px}
.navBtn span:after{top:10px}
.navBtn .open{background:rgba(0,0,0,0)}
.navBtn .open:before{top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.navBtn .open:after{top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.navBtn .open:before,.navBtn .open:after{content:'';display:block;width:30px;height:2px;position:absolute;background:#333;-webkit-transition-property:top,-webkit-transform;transition-property:top,-webkit-transform;transition-property:top,transform;transition-property:top,transform,-webkit-transform;-webkit-transition-duration:300ms;transition-duration:300ms}
.footer1{text-align:left;color:#fff;padding:90px 0;background:#222}
.footer1-content .row .row>div{text-align:center}
.footer1-content .titleBox{border-right:2px solid #fff}
.footer1-content .noBorder{border:0}
.footer1-content .titleBox .title{margin-bottom:50px;font-weight:bold;font-size:20px;line-height:20px;color:#fff}
.footer1-content .textBox li,.footer1-content .textBox p{padding:2px 0;line-height:24px}
.footer1-content .textBox li a{color:#eaeaea}
.footer1-content .textBox li a:hover{color:#014b94}
.footer1-content .textBox .fwrx{font-size:20px;color:#646464}
.footer1-content .textBox .dianhua{font-family:"DinMedium";font-size:35px;line-height:52px;color:#2671BD}
.footer1-content .imgBox img{width:133px;height:133px}
.footer2{padding:20px 0;background:#1c1c1c}
.footer2-content{text-align:center;line-height:24px}
.footer2-content p,.footer2-content a{font-size:14px;color:#575757;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.footer2-content a:hover{color:#014b94}
.footer2-content .statistics{display:inline-block;width:52px;height:12px;background:url(../images/statistics.gif) no-repeat 0 0;vertical-align:middle}
.mobi-bar{display:none;position:fixed;left:0;bottom:0;z-index:998;width:100%;background:#222222;box-shadow:0px 1px 10px rgba(0,0,0,0.1)}
.mobi-bar li{float:left;width:25%}
.mobi-bar li.active a,.mobi-bar li:hover a{color:#fff}
.mobi-bar li.active a img:nth-child(2),.mobi-bar li:hover a img:nth-child(2){display:block}
.mobi-bar li a{display:block;padding:7px 0;width:100%;margin:0 auto;font-size:14px;line-height:20px;text-align:center;color:#9c9c9c}
.mobi-bar li a img{display:block;margin:0 auto;width:25px;height:25px}
.mobi-bar li a img:nth-child(2){margin-top:-25px;display:none}
#topBanner{position:relative;text-align:center;color:#fff}
#topBanner img{width:100%;min-height:80px}
#topBanner .mask{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.46)}
#topBanner .wrap{position:absolute;top:50%;left:0;width:100%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
#topBanner .wrap .title{font-weight:bold;font-size:25px}
#topBanner .wrap .enTitle{font-size:14px;line-height:30px}
#topBanner .site{margin-top:44px;line-height:24px}
#topBanner .site a{color:#fff}
#topBanner .site a:hover{color:#014b94}
.menuBox{width:100%;}
.menuBox,.menuBox2{display:inline-block;position:relative;z-index:5;vertical-align:middle}
.menuBox .menu a,.menuBox2 .menu a{display:inline-block;margin-bottom:20px;height:36px;font-size:16px;line-height:36px;color:#626262;border-radius:5px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;width:16.2%; text-align:center;}
.menuBox2 .menu a{padding:0;border-radius:0;margin-right:30px;border-bottom:2px solid transparent}
.menuBox .menu a.active,.menuBox .menu a:hover{background:#014b94;color:#fff}
.menuBox2 .menu a.active,.menuBox2 .menu a:hover{border-color:#014b94}
.menuBox .option,.menuBox2 .option{position:relative;padding:0 50px 0 15px;width:100%;height:30px;font-size:16px;line-height:30px;text-align:left;color:#fff;background:#014b94;border-radius:5px;cursor:pointer;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:none}
.menuBox .option p,.menuBox2 .option p{height:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.menuBox .option i,.menuBox2 .option i{display:block;position:absolute;top:0;right:15px;width:20px;height:30px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.menuBox .option.open i,.menuBox2 .option.open i{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.menuBox .option i:after,.menuBox .option i:before,.menuBox2 .option i:after,.menuBox2 .option i:before{content:"";position:absolute;top:14px;left:1px;width:10px;height:2px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.menuBox .option i:before,.menuBox2 .option i:before{left:8px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.case .menuBox{margin-bottom:30px}
.product .menuBox{margin-bottom:30px;width:100%}
.pageList{padding-top:40px;text-align:center;line-height:36px}
.pageList a{display:inline-block;margin:5px;width:36px;height:36px;color:#9d9d9d;background:#f4f4f4;vertical-align:middle;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.pageList .prev,.pageList .next{width:68px}
.pageList a.active,.pageList a:hover{color:#fff;background:#014b94}
.mapBox .container1{width:100%;height:390px}
.mapBox .container1 #map{width:100%;height:100%}
.mapBox .container1 #map .map-title{font-size:14px;font-weight:bold;color:#014b94}
.mapBox .container1 #map .map-content{font-size:12px;color:#333;margin-top:6px}
.mapBox .container1 #map .anchorBL{display:none}
#topMain{padding:20px 0;background:#f4f4f4;line-height:40px;text-align:center}
.topMain .keyword{color:#014b94;line-height:24px;padding:8px 0}
.topMain .keyword a{display:inline-block;color:#959595;padding:0 10px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.topMain .keyword a:hover{color:#014b94}
.topMain .search{width:290px;border-radius:20px;overflow:hidden}
.topMain .search form{position:relative}
.topMain .search form .text{width:190px;height:40px;padding:0 80px 0 20px}
.topMain .search form .btn{position:absolute;top:0;right:0;width:60px;height:40px;background:url(../images/search.png) no-repeat center center}
.topMain .search form .btn span{display:block;width:1px;height:20px;background:#e8e8e8;margin:10px 0}
.topMain .search form .btn:hover span{display:none}
.topMain .search form .btn:hover{background:url(../images/search2.png) no-repeat center center}
.pages{width:100%;text-align:center; margin-top:50px;}
.pageschange li a{width:50px;height:50px;margin:0 5px;border-radius:2px;font-size:16px;line-height:50px;padding:0;color:#ccc;text-align:center; float:left;}
.pageschange li a:hover,.pageschange > .active > a,.pageschange > .active > a:hover{border-color:#2671BD !important;background-color:#2671BD;color:#fff;text-align:center}
.pageschange li i{display:block;width:50px;height:50px;background-position:center;background-repeat:no-repeat;background-size:9px auto}
.pageschange li .previous{background-image:url(../img/previous.png)}
.pageschange li .next{background-image:url(../img/next.png)}
.pageschange li .previous:hover{background-image:url(../img/previousa.png)}
.pageschange li .next:hover{background-image:url(../img/nexta.png)}
#product,#product2,#case{padding:70px 0;text-align:center}
.product .titleBox .title,.case .titleBox .title{margin:-16px auto 0;width:120px;font-weight:bold;font-size:20px;line-height:30px;background:#fff}
.product .titleBox .hr,.case .titleBox .hr{margin:0 auto 0;width:220px;height:2px;background:#e0e0e0}
.product .titleBox .enTitle,.case .titleBox .enTitle{font-size:16px;line-height:26px;margin-bottom:25px;color:#a9a9a9}
.product .imgList a,.product2 .imgList a,.case .imgList a{position:relative;display:block;overflow:hidden;margin-bottom:30px}
.product .imgList a:after{content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:90px;background:-webkit-linear-gradient(bottom,rgba(0,0,0,0.3),rgba(0,0,0,0));background:-o-linear-gradient(top,rgba(0,0,0,0.3),rgba(0,0,0,0));background:-moz-linear-gradient(top,rgba(0,0,0,0.3),rgba(0,0,0,0));background:linear-gradient(to top,rgba(0,0,0,0.3),rgba(0,0,0,0))}
.product .imgList a img,.product2 .imgList img,.case .imgList a img{width:99%;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;border:1px solid #eee}
.product .imgList a:hover .mask{top:0}
.product .imgList a:hover .title{bottom:50%}
.case .imgList a:hover .mask,.product2 .imgList a:hover .mask{opacity:1}
.case .imgList a:hover img,.product2 .imgList a:hover img{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}
.product .imgList .mask,.product2 .imgList .mask,.case .imgList .mask{position:absolute;top:100%;left:0;z-index:1;width:100%;height:100%;background:rgba(0,0,0,0.5);-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.case .imgList .mask,.product2 .imgList .mask{opacity:0;top:0}
.product2 .imgList .imgWrap{position:relative;overflow:hidden}
.product2 .imgList .mask{height:100%}
.product .imgList .title,.case .imgList .title{position:absolute;left:0;bottom:20px;z-index:2;padding:0 15px;width:100%;height:44px;font-size:20px;line-height:44px;color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.case .imgList .title{bottom:50%;margin-bottom:20px}
.product2 .imgList .title{padding:10px 0;font-size:20px;line-height:24px;color:#000;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#f4f4f4}
.product .imgList .mask .see,.product2 .imgList .mask .see,.case .imgList .mask .see{position:absolute;left:50%;top:50%;margin-left:-85px;width:168px;height:42px;font-size:16px;line-height:42px;border:1px solid #fff;border-radius:22px;color:#fff}
.case .imgList .mask .see{margin-top:20px}
.product2 .imgList .mask .see{margin-top:-21px}
.case .imgList .mask .classification{position:absolute;left:0;top:50%;padding:0 15px;margin-top:-20px;width:100%;font-size:16px;height:20px;line-height:20px;color:#b2b2b2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.moreBtn{position:relative;display:block;margin:40px auto 0;width:240px;height:50px;font-size:16px;line-height:50px;text-align:center;border:1px solid #616161;border-radius:26px;color:#616161;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.moreBtn span{position:relative;display:inline-block;margin:17px 0;width:14px;height:14px;border:1px solid transparent;border-radius:50%;vertical-align:top;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.moreBtn span:after,.moreBtn span:before{content:"";display:block;position:absolute;top:6px;left:0;width:14px;height:1px;background:#616161}
.moreBtn span:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
.moreBtn:hover{color:#fff;border-color:#014b94;background:#014b94;box-shadow:0 20px 50px rgba(0,0,0,0.1)}
.moreBtn:hover span{border-color:#fff}
.moreBtn:hover span:after,.moreBtn:hover span:before{background:#fff}
#news{padding:70px 0 80px;background:#f4f4f4}
.news .titleBox .title{font-weight:bold;font-size:20px;line-height:30px}
.news .titleBox .enTitl{font-size:16px;line-height:26px;margin-bottom:20px;color:#a9a9a9}
.news .menuBox{margin-top:20px}
.news .c-banner2{margin:40px -15px 0}
.news .c-banner2 .wrap{padding:0 15px 30px}
.news .c-banner2 .wrap .time{margin-bottom:18px;height:26px;font-size:20px;line-height:26px;color:#b7b7b7;overflow:hidden}
.news .c-banner2 .wrap .title a{display:block;height:44px;font-size:18px;line-height:22px;color:#3b3b3b;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.news .c-banner2 .wrap .title a:hover{color:#014b94}
.news .c-banner2 .wrap .subtitle{margin:16px 0 35px;height:40px;font-size:16px;line-height:20px;color:#b7b7b7;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.news .c-banner2 .wrap .moreBtn{margin:0;width:98px;height:34px;line-height:34px}
.news .c-banner2 .wrap .moreBtn span{margin:9px 0}
.news .c-banner2 .wrap .moreBtn:hover{color:#fff;border-color:#014b94;background:#014b94;box-shadow:0 10px 30px rgba(0,0,0,0.1)}
.news .c-banner2 .slick-dots{bottom:-30px}
#news2{padding:70px 0}
.news2 .newsList .newsBox{display:block}
.news2 .newsList .newsBox:hover .title,.news2 .newsList .newsBox:hover .time,.news2 .newsList .newsBox:hover .time:after{color:#014b94;border-color:#014b94}
.news2 .newsList img{width:100%;max-height:200px;box-shadow:0px 1px 10px rgba(0,0,0,.06)}
.news2 .newsList .row>li{margin-bottom:40px}
.news2 .newsList .title{font-size:16px;line-height:20px;margin:35px 0 16px;color:#2b2b2b;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.news2 .newsList .summary{height:36px;line-height:18px;color:#b7b7b7;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.news2 .newsList .time{position:relative;margin-top:18px;padding-top:16px;font-family:"DinMedium";font-size:20px;line-height:24px;border-top:2px solid #e7e7e7;color:#696969;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.news2 .newsList .time:after{float:right;content:">";width:24px;height:24px;text-align:center;font-family:"Microsoft YaHei";color:transparent;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.news2 .pageList{padding-top:30px}
#newsInfo,#caseInfo,#productInfo{padding:70px 0}
.newsInfo .main,.caseInfo .main,.productInfo .main{width:-moz-calc(100% - 380px);width:-webkit-calc(100% - 380px);width:calc(100% - 380px)}
.newsInfo .main .titleBox,.caseInfo .main .titleBox{margin-bottom:40px;padding-bottom:14px;border-bottom:2px solid #d9d9d9}
.newsInfo .main .titleBox .title,.caseInfo .main .titleBox .title{font-weight:bold;font-size:25px;line-height:30px;max-width:750px}
.newsInfo .main .titleBox .time,.caseInfo .main .titleBox .time{padding:5px 0;font-size:16px;line-height:20px;color:#9b9b9b}
.newsInfo .main .textBox p,.caseInfo .main .textBox p,.productInfo .main .textBox p{line-height:30px;color:#3b3b3b}
.newsInfo .main .textBox img,.caseInfo .main .textBox img,.productInfo .main .textBox img{max-width:100%;height:auto !important}
.productInfo .main .topBox>div{width:50%}
.productInfo .main .topBox .imgBox img{width:100%;border:1px solid #eee;border-radius:3px}
.productInfo .main .topBox .titleBox{position:relative;height:373px}
.productInfo .main .topBox .titleBox .wrap{position:absolute;top:50%;left:50%;width:100%;max-width:350px;margin:0 auto;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.productInfo .main .topBox .titleBox .title{margin-bottom:40px;font-weight:bold;font-size:18px;line-height:22px;color:#444444}
.productInfo .main .topBox .titleBox p{padding-top:16px;font-size:14px;line-height:22px;color:#a2a2a2}
.productInfo .main .topBox .titleBox p span{color:#777777}
.productInfo .main .topBox .titleBox p span a{color:#fd8507}
.productInfo .main .topBox .cpxq{margin-bottom:20px;padding:50px 0 20px;width:100%;font-weight:bold;font-size:20px;line-height:24px;border-bottom:2px solid #f0f0f0}
.productInfo .main .topBox .cpxq span{color:#d6d6d6}
.sideBar{width:320px}
.sideBar .contactWay{border-radius:10px;overflow:hidden}
.sideBar .contactWay .title{padding-left:54px;font-weight:bold;font-size:20px;line-height:58px;color:#fff;background:#014b94 url(../img/sidephone.png) no-repeat 24px 19px}
.sideBar .contactWay .box{padding:0 24px;background:#464646}
.sideBar .contactWay .box .fwrx{padding-top:30px;font-size:16px;line-height:16px;color:#acacac;border:0}
.sideBar .contactWay .box p{border-bottom:2px solid #545454;font-size:16px;line-height:30px;padding:6px 0;color:#fff}
.sideBar .contactWay .box p span{color:#acacac}
.sideBar .contactWay .box .dianhua1{font-family:"DinMedium";font-weight:bold;font-size:30px;line-height:50px;color:#fd8507}
.sideBar .contactWay .box img{display:block;padding:25px 0 35px;margin:0 auto;width:196px;height:196px}
.sideBar .retrunList{display:block;margin:10px 0;font-weight:bold;font-size:16px;line-height:76px;border-radius:10px;text-align:center;color:#fff;background:#014b94}
.sideBar .phoneBox{margin-top:10px;border-radius:10px;overflow:hidden;background:#464646 url(../img/sidephonebg.png) no-repeat right center}
.sideBar .phoneBox div{width:240px;padding:40px 0;margin:0 auto}
.sideBar .phoneBox .fwrx{font-size:16px;line-height:20px;color:#acacac}
.sideBar .phoneBox .dianhua{font-family:"DinMedium";font-weight:bold;font-size:34px;line-height:50px;color:#fd8507}
.sideBar .series{border-radius:10px;overflow:hidden}
.sideBar .series .titleBox{padding:15px 24px;background:#014b94}
.sideBar .series .titleBox .title,.sideBar .series .titleBox .enTitle{font-weight:bold;font-size:20px;line-height:30px;color:#fff}
.sideBar .series .menuBox3{padding:28px 24px 48px;background:#f8f8f8}
.sideBar .series .menuBox3 a{display:block;position:relative;line-height:46px;border-bottom:2px solid #ededed;color:#838383}
.sideBar .series .menuBox3 a:after{float:right;content:">";display:block;position:absolute;right:0;top:50%;margin-top:-8px;width:16px;height:16px;line-height:14px;text-align:center;color:#fff;background:#a4a4a4;border-radius:50%}
.sideBar .series .menuBox3 a:hover{color:#014b94}
.sideBar .series .menuBox3 a:hover:after{background:#014b94}
.sideBar .recommend{padding-top:30px}
.sideBar .recommend .imgBox{overflow:hidden}
.sideBar .recommend img{width:99%;border:1px solid #eee;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s}
.newsInfo .sideBar .recommend a{display:block;height:50px;line-height:50px;border-bottom:2px solid #f1f1f1;color:#2b2b2b;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.caseInfo .sideBar .recommend a,.productInfo .sideBar .recommend a{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;margin-top:20px}
.caseInfo .sideBar .recommend li,.productInfo .sideBar .recommend li{padding-top:20px}
@media screen and (max-width:767px){.caseInfo .sideBar .recommend li,.productInfo .sideBar .recommend li{padding-top:20px;width:50%;float:left}
.caseInfo .sideBar .recommend a h2,.productInfo .sideBar .recommend a h2{padding:12px 0px;font-size:14px;line-height:18px;color:#656565;text-align:center;background:#f4f4f4;margin:0 1px}
}.caseInfo .sideBar .recommend a h2,.productInfo .sideBar .recommend a h2{padding:12px 0 24px;font-size:14px;line-height:18px;color:#656565;text-align:center;background:#f4f4f4}
.sideBar .recommend a:hover h2,.sideBar .recommend a:hover{color:#014b94}
.sideBar .recommend a:hover .imgBox img{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}
.sideBar .recommend .title{font-weight:bold;font-size:20px;line-height:48px;border-bottom:2px solid #d9d9d9;color:#1c1c1c}
.c-banner4 .slick-prev::before,.c-banner4 .slick-next::before{color:transparent;font-size:40px}
.c-banner4 .slick-prev::before{background:url(../images/prev.png) no-repeat 0 0}
.c-banner4 .slick-next::before{background:url(../images/next.png) no-repeat 0 0}
.c-banner4 .slick-prev,.c-banner4 .slick-next{z-index:5;width:40px;height:40px;display:none !important}
.c-banner4 .slick-prev{left:30px}
.c-banner4 .slick-next{right:30px}
.c-banner4:hover .slick-prev,.c-banner4:hover .slick-next{display:inline-block !important}
#logoBox{padding:50px 0;border-top:1px solid #e7e7e7;background:#f4f4f4}
.logoBox .c-banner3{margin:0 50px}
.logoBox .c-banner3 .wrap{padding:0 10px}
.logoBox .c-banner3 .wrap img{width:100%}
.logoBox .c-banner3 .slick-dots{bottom:-38px}
.logoBox .c-banner3 .slick-prev,.logoBox .c-banner3 .slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:38px;height:38px;border:1px solid #616161;border-radius:50%;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;outline:none;background:transparent}
.logoBox .c-banner3 .slick-prev{left:-50px}
.logoBox .c-banner3 .slick-next{right:-50px}
.logoBox .c-banner3 .slick-prev:after,.logoBox .c-banner3 .slick-prev:before,.logoBox .c-banner3 .slick-next:after,.logoBox .c-banner3 .slick-next:before{content:"";display:block;position:absolute;top:19px;width:10px;height:1px;background:#616161;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.logoBox .c-banner3 .slick-prev:after,.logoBox .c-banner3 .slick-next:after{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.logoBox .c-banner3 .slick-prev:before,.logoBox .c-banner3 .slick-next:before{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.logoBox .c-banner3 .slick-prev:after{left:12px;top:21px}
.logoBox .c-banner3 .slick-prev:before{left:12px;top:14px}
.logoBox .c-banner3 .slick-next:after{left:14px;top:14px}
.logoBox .c-banner3 .slick-next:before{left:14px;top:21px}
.logoBox .c-banner3 .slick-prev:hover,.logoBox .c-banner3 .slick-next:hover{border-color:#014b94;background:#014b94}
.logoBox .c-banner3 .slick-prev:hover:after,.logoBox .c-banner3 .slick-prev:hover:before,.logoBox .c-banner3 .slick-next:hover:after,.logoBox .c-banner3 .slick-next:hover:before{background:#fff}
#about{margin-top:-160px;padding-top:160px;background:url(../img/cta2.png) no-repeat center top}
.about .wrap{width:-moz-calc(50% - 65px);width:-webkit-calc(50% - 65px);width:calc(50% - 65px);padding:70px 0;color:#fff}
.about .titleBox .enTitle{height:34px;font-size:30px;line-height:34px}
.about .titleBox .title{height:38px;font-size:28px;line-height:38px;width:-moz-calc(100% - 60px);width:-webkit-calc(100% - 60px);width:calc(100% - 60px);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.about .titleBox .btn{width:53px;margin-top:18px;font-size:14px;line-height:20px;color:#fff;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.about .titleBox .btn:hover{color:#014b94}
.about .titleBox .text{margin-top:10px;padding-top:16px;border-top:1px solid #fff;line-height:30px}
.about .imgList li{float:left;width:20%}
.about .imgList .imgBox{margin:35px auto 0;width:94px;height:94px;border:1px solid #fff;border-radius:10px;text-align:center}
.about .imgList .imgBox div{margin:16px 0 10px;height:35px;line-height:35px}
.about .imgList .imgBox div img{vertical-align:middle}
.about .imgList .imgBox p{line-height:18px}
#about2{padding-bottom:70px;padding-top:60px}
.about2 .row>li:nth-child(3){float:right}
.about2 .imgBox,.about2 .textBox{margin-top:70px}
.about2 .imgBox img{width:100%}
.about2 .textBox .title{font-weight:bold;font-size:20px;line-height:24px;padding:8px 0;color:#014b94}
.about2 .textBox .subtitle{font-size:18px;line-height:22px;color:#2d2d2d}
.about2 .textBox .hr{width:280px;margin:12px 0 16px;border-top:2px solid #ededed}
.about2 .textBox .text{color:#2d2d2d;line-height:30px}
.about2 p{line-height:25px;padding-top:10px}
#contact{padding:70px 0}
.contact .textBox{width:100%;max-width:620px;margin:0 auto;font-size:20px;line-height:40px}
.contact .textBox .title{border-bottom:2px solid #ededed;margin-bottom:30px;color:#323232;font-size:20px;line-height:44px}
.contact .textBox .text{color:#323232}
.side-bar{position:fixed;z-index:888;right:10px;bottom:10px;width:135px;border:1px solid #c9c9c9;background:#fff;border-radius:10px;text-align:center}
.side-bar .imgBox{background:#f3f3f3;border-radius:10px 10px 0 0}
.side-bar .imgBox img{margin:14px 0}
.side-bar .dianhua{line-height:50px;font-size:16px;color:#4a8ac6}
.side-bar .guanzhu a,.side-bar .zixun a,.side-bar .goTop a{position:relative;display:block;width:116px;height:20px;padding:5px 0;margin:0 auto 10px;background:#33a480;color:#fff}
.side-bar .zixun a{background:#4a8ac6}
.side-bar .goTop a{background:#fff}
.side-bar .guanzhu a img,.side-bar .zixun a img,.side-bar .goTop a img{margin-right:5px;width:20px;height:20px}
.side-bar .goTop a img{margin-right:0}
.side-bar .guanzhu a .ewm{display:none;position:absolute;top:-80px;left:-216px;width:200px;height:200px;box-shadow:0px 1px 10px rgba(0,0,0,0.1)}
#zhaopin{padding:70px 0;color:#717171}
#zhaopin strong{color:#2c2c2c}
.zhaopin .titleBox .title{padding:20px 15px;font-size:18px;line-height:24px;color:#646464;border-bottom:1px solid #e9e9e9;cursor:pointer;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.zhaopin .titleBox .title i{float:right;position:relative;width:24px;height:24px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.zhaopin .titleBox .title i:after,.zhaopin .titleBox .title i:before{content:"";display:block;position:absolute;top:11px;width:12px;height:2px;background:#014b94;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.zhaopin .titleBox .title i:after{left:2px;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg)}
.zhaopin .titleBox .title i:before{right:2px;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg)}
.zhaopin .open{margin-bottom:20px}
.zhaopin .open .titleBox .title{background:#014b94;color:#fff;border-color:#014b94}
.zhaopin .open .titleBox .title i{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg)}
.zhaopin .open .titleBox .title i:after,.zhaopin .open .titleBox .title i:before{background:#fff}
.zhaopin .textBox{display:none;padding:0 15px 64px;background:#f2f2f2}
.zhaopin .textBox .row{padding:44px 15px 16px;font-size:16px;line-height:20px}
.zhaopin .textBox .row li{margin-bottom:20px}
.zhaopin .detailed{border-top:2px solid #e5e5e5;padding:26px 15px 40px}
.zhaopin .detailed strong{font-size:16px;line-height:26px}
.zhaopin .detailed p{line-height:24px;color:}
.zhaopin .deliver{display:block;margin-left:15px;width:225px;height:64px;font-size:16px;text-align:center;line-height:64px;color:#fff;background:#014b94}
.met-feedback{padding:30px 20px;background:#f2f2f2}
.met-feedback .container{max-width:800px}
.met-feedback .met-feedback-body{padding:30px;background:#ffffff;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);-o-box-shadow:0 1px 1px rgba(0,0,0,0.05);-ms-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05);border-radius:3px}
@media (max-width:767px){.met-feedback .met-feedback-body{padding:10px}
}@media (max-width:767px){.met-feedback{padding:80px 0 20px 0}
}fieldset{min-width:0;padding:0;margin:0;border:0}
legend{display:block;width:100%;padding:0;margin-bottom:22px;font-size:21px;line-height:inherit;color:inherit;border:0;border-bottom:1px solid transparent}
label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}
input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}
input[type=file]{display:block}
input[type=range]{display:block;width:100%}
select[multiple],select[size]{height:auto}
input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
output{display:block;padding-top:7px;font-size:14px;line-height:1.57142857;color:#76838f}
.form-control{display:block;width:98%;height:36px;padding:6px 0;font-size:14px;line-height:1.57142857;color:#76838f;background-color:#fff;background-image:none;border:1px solid #dedede;border-radius:3px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;text-indent:1em}
.form-control:focus{border-color:#2562b3;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(98,168,234,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(98,168,234,.6)}
.form-control.focus,.form-control:focus{border-color:#2562b3;-webkit-box-shadow:none;box-shadow:none}
.form-control::-moz-placeholder{color:#a3afb7;opacity:1}
.form-control:-ms-input-placeholder{color:#a3afb7}
.form-control::-webkit-input-placeholder{color:#a3afb7}
.form-control::-ms-expand{background-color:transparent;border:0}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#f3f7f9;opacity:1}
.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}
textarea.form-control{height:auto}
input[type=search]{-webkit-appearance:none}
@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control{line-height:36px}
.input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:32px}
.input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:46px}
}.form-group{margin-bottom:20px}
.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}
.checkbox label,.radio label{min-height:22px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}
.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}
.checkbox+.checkbox,.radio+.radio{margin-top:-5px}
.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}
.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}
fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}
.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}
.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}
.form-control-static{min-height:36px;padding-top:7px;padding-bottom:7px;margin-bottom:0}
.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}
.input-sm{height:32px;padding:6px 13px;font-size:12px;line-height:1.5;border-radius:2px}
select.input-sm{height:32px;line-height:32px}
select[multiple].input-sm,textarea.input-sm{height:auto}
select.input-sm{padding-top:0;padding-bottom:0}
.form-group-sm .form-control{height:32px;padding:6px 13px;font-size:12px;line-height:1.5;border-radius:2px}
.form-group-sm select.form-control{height:32px;line-height:32px}
.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}
.form-group-sm .form-control-static{height:32px;min-height:34px;padding:7px 13px;font-size:12px;line-height:1.5}
.input-lg{height:46px;padding:10px 18px;font-size:18px;line-height:1.3333333;border-radius:4px}
select.input-lg{height:46px;line-height:46px}
select[multiple].input-lg,textarea.input-lg{height:auto}
select.input-lg{padding-top:0;padding-bottom:0}
.form-group-lg .form-control{height:46px;padding:10px 18px;font-size:18px;line-height:1.3333333;border-radius:4px}
.form-group-lg select.form-control{height:46px;line-height:46px}
.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}
.form-group-lg .form-control-static{height:46px;min-height:40px;padding:11px 18px;font-size:18px;line-height:1.3333333}
.has-feedback{position:relative}
.has-feedback .form-control{padding-right:45px}
.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:36px;height:36px;line-height:36px;text-align:center;pointer-events:none}
.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}
.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:32px;height:32px;line-height:32px}
.btn-primary{background-color:#2562b3;border-color:#2562b3;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.btn-primary.focus,.btn-primary:focus,.btn-primary:hover{background-color:#2562b3;border-color:#2562b3;opacity:.7;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;color:#fff}
.btn-block{display:block;width:100%;color:#fff}
.btn-block+.btn-block{margin-top:5px}
.btn-lg{padding:10px 18px;font-size:18px;line-height:1.3333333;border-radius:4px}
